<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style>
    * {
      box-sizing: border-box;
    }

    html {
      font-size: 12px;
    }
  </style>
</head>

<body>
  <div id="app">
    <div style="padding:20px;text-align: left;">
      <button style="margin-left: 20px;"><a href="../home/index.html">介绍</a></button>
      <button style="margin-left: 20px;"><a href="../heatMap/index.html">热力图</a></button>
      <button style="margin-left: 20px;"><a href="../trackPlayback/index.html">轨迹回放</a></button>
      <button style="margin-left: 20px;"><a href="../marker/index.html">点标记</a></button>
      <button style="margin-left: 20px;"><a href="../clusterer/index.html">点聚合</a></button>
      <button style="margin-left: 20px;"><a href="../mapType/index.html">地图类型切换</a></button>
      <button style="margin-left: 20px;"><a href="../graph/index.html">画图</a></button>
      <button style="margin-left: 20px;"><a href="../infoWindow/index.html">信息弹框</a></button>
      <button style="margin-left: 20px;"><a href="../tool/index.html">工具栏</a></button>
    </div>

    <div id="map" style="height: 600px"></div>
  </div>

  <div style="padding:20px;text-align: left;font-size: 18px;">
    <form>
      <label for="vehicle">label显示/隐藏</label>
      <input type="checkbox" name="vehicle" id="vehicle" :checked="false">
      <input style="margin-left:20px;" type="button" id="bindEvent" value="绑定事件">
      <input style="margin-left:20px;" type="button" id="unbindEvent" value="解绑事件">
      <input style="margin-left:20px;" type="button" id="setAnimation" value="设置弹跳动画">
      <input style="margin-left:20px;" type="button" id="delAndAdd" value="删除/添加一个maker">
    </form>
  </div>
  <script src="http://1.95.157.217/wmap/wmap.umd.js"></script>
  <script type="module" src="./index.js"></script>
</body>

</html>
